*{
    margin: 0;
    padding: 0;
}
li{list-style: none;}
.txh{
    display: flex;
    
}
body,html{
    
    background: #f7f7f7;
}
.box{
    width: 100%;
    height: 34px;
    background-color: #e4366b;
    ul{
        .txh;
        justify-content: space-between;
        li{
            line-height: 34px;
            p{
       text-align: center; 
       
       color: #fff;
       span{
           margin-left: 10px;
       }
    }
        }
        li:nth-child(1){
            margin-left: 7px;
        }
        li:nth-child(3){
            margin-right: 7px;
        }
    }
    .one{
        width: 46px;
        height: 24px;
        background: #eb4174;
        border: none;
        color:#fff;
    }
  
}
.banner{
    width: 100%;
    
    .a{
        width: 80%;
        height: 31px;
        border-radius: 10px;
        outline:none;
    }
    .b{
        .a;
    }
    .c{
        .a;
        background: #e4366b;
        border: 1px solid #ccc;
        color:#fff;
    }
    ul{
        li{
            width: 80%;
            margin: 30px auto;
        }
    }
    li:nth-child(3){
        input{
            margin-left:20px;
        }
        a{
            color:#ccc;
            margin-left: 20px;
        }
    }
}
